TGML Path Element

Path represents the outline of a shape.

The path is described by the PathData attribute, which can contain moveto, line, curve (both cubic and quadratic Beziers), arc, and closepath instructions.

The path element is an implementation of the SVG path data specification. For more information, see the Scalable Vector Graphics (SVG) 1.1 Specification.

Attribute Type Description

Fill

Brush

Specifies how the interior of the shape is painted.
Default: "None"
Inheritable: Yes
Animatable: Yes

Opacity

Double

A value between "0.0" (transparent) and "1.0" (opaque)
Default: "1.0"
Inheritable: No
Animatable: Yes

PathData

String

SVG path data.
Inheritable: No
Animatable: No

Stroke

Brush

Describes how the line is painted.
Default:"#000000"
Inheritable: Yes
Animatable: Yes

StrokeDashArray

Array of Double

The pattern of dashes and gaps used to outline shapes:
"<dash> [ <gap> <dash> <gap>...]"
If the array only specifies the first dash, the line is patterned as if a gap with the same length as the dash was specified.
An array with only one dash set to "0" will result in a line without any pattern.
Default: "0"
Inheritable: Yes
Animatable: Yes

StrokeWidth

Double

The width of the outline of a line.
Default: "1"
Inheritable: Yes
Animatable: Yes

Visibility Visibility

Specifies if the element is visible or not.
Default: "Visible"
Inheritable: No
Animatable: Yes

Remarks

Some of the path commands can be converted or replaced when you import SVG paths. For example, h, H (Horizontal lineto) and v, V (Vertical lineto) can be replaced with l and L (lineto).